<%--
  Created by IntelliJ IDEA.
  User: 林锴
  Date: 2018/3/15
  Time: 21:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div class="carousel_image">
            <img src="${pageContext.request.contextPath}/static/sysImages/carousel/box.png">
        </div>
        <div class="carousel_image">
            <img src="${pageContext.request.contextPath}/static/sysImages/carousel/box.png">
        </div>
        <div class="carousel_image">
            <img src="${pageContext.request.contextPath}/static/sysImages/carousel/box.png">
        </div>
        <div class="carousel_image">
            <img src="${pageContext.request.contextPath}/static/sysImages/carousel/box.png">
        </div>
        <div class="carousel_image">
            <img src="${pageContext.request.contextPath}/static/sysImages/carousel/box.png">
        </div>
    </div>
</div>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1',
            width:'100%',
            height:'80%',
            arrow: 'always'
        });
    });
</script>